<template>
  <div>
        <div>
        <p class="new" @click="fun1()">全国鲜花3小时配送，新人订花立减100元</p>
        <img src="../../../public/img/types.png" alt="" class="typeflower">
        </div>        
        <div class="types">
         
            <img src="../../../public/img/type1.png" alt="" @click="fun()">            
         <img src="../../../public/img/type2.png" alt="" @click="fun()">                    
            <img src="../../../public/img/type3.png" alt="" @click="fun()">
            <img src="../../../public/img/type4.png" alt="" @click="fun()">
            <img src="../../../public/img/type5.png" alt="" @click="fun()">
            <img src="../../../public/img/type6.png" alt="" @click="fun()">
        </div>      
  </div>
</template>

<script>
export default {
methods:{
  fun(){
    this.$router.push("/flowertype");
  },
  fun1(){
     this.$router.push("/newbag");
  }
}
}
</script>

<style scoped>
.new{
    width: 3.46rem;
    height: 0.32rem;
    line-height: 0.32rem;
    background-color:#fbebec ;
    color: #e8726a;
    font-size: 0.12rem;
    margin: auto;
    text-align: center;
    border-radius: 0.25rem;
}
.typeflower{
    width: 100%;
    height: 0.96rem;
}
.types{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.types img{
    width: 1.2rem;
    height: 0.66rem;
    margin-top: 0.05rem;
}
</style>